<template>
	<view class="paymentDetails">
		<u-navbar :title="navbarTitle" title-color="#333" back-icon-color="#333"></u-navbar>
		<!--下面的部分-->
		<view class="payment-explan">
			<view class="pay-amount">
				<text class="pay-doll">交易金额</text>
				<text class="pay-dell">
					{{ payDetaList.ORMTB420CA00 == '充值' ? '+' : payDetaList.ORMTB420CA00 == '提现' ? '-' : payDetaList.ORMTB420CA00
						== 'KKXG' ? '' : payDetaList.ORMTB420CA00 == '油卡' ? '-' : payDetaList.ORMTB420CA00 == '红冲' ? '-' :
							payDetaList.ORMTB420CA00 == '扣款' ? '-' : payDetaList.ORMTB420CA00 == '取消扣款' ? '-' : payDetaList.ORMTB420CA00
								== '运费运单扣款' ? '-' : '+' }}{{ payDetaList.ORMTB420CA02 || '' }}</text>
			</view>
			<view class="pay-line"></view>
			<view class="pay-list" v-if="TYPE == 'CZ'">
				<view>
					<view class="pay-list-li">
						<text class="pay-type">交易类型</text>
						<text class="pay-type-explan">{{ payDetaList.ORMTB420CA00 || '' }}</text>
					</view>
					<view class="pay-list-li">
						<text class="pay-type">变动前</text>
						<text class="pay-type-explan">{{ payDetaList.ORMTB420CA03 || '' }}元</text>
					</view>
					<view class="pay-list-li">
						<text class="pay-type">变动后</text>
						<text class="pay-type-explan">{{ payDetaList.ORMTB420CA04 || '' }}元</text>
					</view>
					<view class="pay-list-li">
						<text class="pay-type">充值客户</text>
						<text class="pay-type-explan">{{ payDetaList.ORMTB410CA00 || '' }}</text>
					</view>
					<view class="pay-list-li">
						<text class="pay-type">充值类型</text>
						<text class="pay-type-explan">{{ payDetaList.ORMTB411CA04 || '' }}</text>
					</view>
					<view class="pay-list-li">
						<text class="pay-type">充值时间</text>
						<text class="pay-type-explan">{{ payDetaList.ORMTB420CA07 || '' }}</text>
					</view>
					<view class="pay-list-li">
						<text class="pay-type">充值人</text>
						<text class="pay-type-explan">{{ payDetaList.ORMTB420CC01 || '' }}</text>
					</view>
					<view class="pay-list-li">
						<text class="pay-type">审核时间</text>
						<text class="pay-type-explan">{{ payDetaList.ORMTB421CA08 || '' }}</text>
					</view>
					<view class="pay-list-li">
						<text class="pay-type">审核人</text>
						<text class="pay-type-explan">{{ payDetaList.ORMTB421CA09 || '' }}</text>
					</view>
					<view class="pay-list-li">
						<text class="pay-type">备注</text>
						<text class="pay-type-explan">{{ payDetaList.ORMTB420CA08 || '' }}</text>
					</view>
				</view>
			</view>
			<view class="pay-list" v-else-if="TYPE == 'SR'">
				<view>
					<view class="pay-list-li">
						<text class="pay-type">交易类型</text>
						<text class="pay-type-explan">{{ payDetaList.ORMTB420CA00 || '' }}</text>
					</view>
					<view class="pay-list-li">
						<text class="pay-type">变动前</text>
						<text class="pay-type-explan">{{ payDetaList.ORMTB420CA03 || '' }}元</text>
					</view>
					<view class="pay-list-li">
						<text class="pay-type">变动后</text>
						<text class="pay-type-explan">{{ payDetaList.ORMTB420CA04 || '' }}元</text>
					</view>
					<view class="pay-list-li">
						<text class="pay-type">交易客户</text>
						<text class="pay-type-explan">{{ payDetaList.ORMTB410CA00 || '' }}</text>
					</view>
					<view class="pay-list-li">
						<text class="pay-type">交易时间</text>
						<text class="pay-type-explan">{{ payDetaList.ORMTB420CA07 || '' }}</text>
					</view>
					<view class="pay-list-li">
						<text class="pay-type">损耗重量</text>
						<text class="pay-type-explan">{{ payDetaList.ORMTB470CC10 || 0 }}吨</text>
					</view>

					<view class="pay-list-li">
						<text class="pay-type">损耗扣款</text>
						<text class="pay-type-explan">{{ payDetaList.ORMTB470CC11 || 0 }}元</text>
					</view>
					<view class="pay-list-li">
						<text class="pay-type">付款人</text>
						<text class="pay-type-explan">{{ payDetaList.ORMTB470CA40 || '' }}</text>
					</view>
					<view class="pay-list-li">
						<text class="pay-type">运费总额</text>
						<text class="pay-type-explan">{{ payDetaList.ORMTB470CC12 || '' }}元</text>
					</view>
					<view class="pay-list-li">
						<text class="pay-type">管理费</text>
						<text class="pay-type-explan">{{ payDetaList.ORMTB470CA60 || '' }}元</text>
					</view>
					<view class="pay-list-li">
						<text class="pay-type">实际到账</text>
						<text class="pay-type-explan">{{ payDetaList.ORMTB470CA53 || '' }}元</text>
					</view>
				</view>
			</view>

			<view class="pay-list" v-else-if="TYPE == 'YK'">
				<view>
					<view class="pay-list-li">
						<text class="pay-type">交易类型</text>
						<text class="pay-type-explan">{{ payDetaList.ORMTB420CA00 || '' }}</text>
					</view>
					<view class="pay-list-li">
						<text class="pay-type">变动前</text>
						<text class="pay-type-explan">{{ payDetaList.ORMTB420CA03 || '' }}元</text>
					</view>
					<view class="pay-list-li">
						<text class="pay-type">变动后</text>
						<text class="pay-type-explan">{{ payDetaList.ORMTB420CA04 || '' }}元</text>
					</view>
					<view class="pay-list-li">
						<text class="pay-type">交易客户</text>
						<text class="pay-type-explan">{{ payDetaList.ORMTB410CA00 || '' }}</text>
					</view>
					<view class="pay-list-li">
						<text class="pay-type">交易时间</text>
						<text class="pay-type-explan">{{ payDetaList.ORMTB420CA07 || '' }}</text>
					</view>
					<view class="pay-list-li">
						<text class="pay-type">付款人</text>
						<text class="pay-type-explan">{{ payDetaList.ORMTB420CC01 || '' }}</text>
					</view>
				</view>
			</view>
			<view class="pay-list" v-else-if="TYPE == 'QX'">
				<view>
					<view class="pay-list-li">
						<text class="pay-type">交易类型</text>
						<text class="pay-type-explan">{{ payDetaList.ORMTB420CA00 || '' }}</text>
					</view>
					<view class="pay-list-li">
						<text class="pay-type">变动前</text>
						<text class="pay-type-explan">{{ payDetaList.ORMTB420CA03 || '' }}元</text>
					</view>
					<view class="pay-list-li">
						<text class="pay-type">变动后</text>
						<text class="pay-type-explan">{{ payDetaList.ORMTB420CA04 || '' }}元</text>
					</view>
					<view class="pay-list-li">
						<text class="pay-type">交易客户</text>
						<text class="pay-type-explan">{{ payDetaList.ORMTB410CA00 || '' }}</text>
					</view>
					<view class="pay-list-li">
						<text class="pay-type">交易时间</text>
						<text class="pay-type-explan">{{ payDetaList.ORMTB420CA07 || '' }}</text>
					</view>
					<view class="pay-list-li">
						<text class="pay-type">付款人</text>
						<text class="pay-type-explan">{{ payDetaList.ORMTB470CA40 || '' }}</text>
					</view>
				</view>
			</view>

			<view class="pay-list" v-else-if="TYPE == 'YDKK'">
				<view>
					<view class="pay-list-li">
						<text class="pay-type">操作类型</text>
						<text class="pay-type-explan">运费运单扣款</text>
					</view>
					<view class="pay-list-li">
						<text class="pay-type">变动前</text>
						<text class="pay-type-explan">{{ payDetaList.ORMTB420CA03 || '' }}元</text>
					</view>
					<view class="pay-list-li">
						<text class="pay-type">变动后</text>
						<text class="pay-type-explan">{{ payDetaList.ORMTB420CA04 || '' }}元</text>
					</view>
					<view class="pay-list-li">
						<text class="pay-type">流水号</text>
						<text class="pay-type-explan">{{ payDetaList.ORMTB470CA24 || '' }}</text>
					</view>
					<view class="pay-list-li">
						<text class="pay-type">扣款时间</text>
						<text class="pay-type-explan">{{ payDetaList.ORMTB420CA07 || '' }}</text>
					</view>
					<view class="pay-list-li">
						<text class="pay-type">企业</text>
						<text class="pay-type-explan">{{ payDetaList.ORMTB470CA05 || '' }}</text>
					</view>
					<view class="pay-list-li">
						<text class="pay-type">车牌号</text>
						<text class="pay-type-explan">{{ payDetaList.ORMTB470CA01 || '' }}</text>
					</view>
					<view class="pay-list-li">
						<text class="pay-type">物料</text>
						<text class="pay-type-explan">{{ payDetaList.ORMTB470CA19 || '' }}</text>
					</view>
					<view class="pay-list-li">
						<text class="pay-type">物料单价</text>
						<text class="pay-type-explan">{{ payDetaList.ORMTB470CA20 || '' }}元</text>
					</view>
					<view class="pay-list-li">
						<text class="pay-type">物料金额</text>
						<text class="pay-type-explan">{{ payDetaList.ORMTB470CC07 || '' }}元</text>
					</view>
					<view class="pay-list-li">
						<text class="pay-type">运费每吨</text>
						<text class="pay-type-explan">{{ payDetaList.ORMTB470CA14 + '元' || '' }}</text>
					</view>
					<view class="pay-list-li">
						<text class="pay-type">运费总计</text>
						<text class="pay-type-explan">{{ payDetaList.ORMTB470CC06 + '元' || '' }}</text>
					</view>
					<view class="pay-list-li">
						<text class="pay-type">结算金额</text>
						<text class="pay-type-explan">{{ payDetaList.ORMTB420CA02 + '元' || '' }}</text>
					</view>
					<view class="pay-list-li">
						<text class="pay-type">结算净重</text>
						<text class="pay-type-explan">{{ payDetaList.ORMTB470CC08 + '吨' || '' }}</text>
					</view>

				</view>
			</view>

			<view class="pay-list" v-else-if="TYPE == 'CJSY'">
				<view>
					<view class="pay-list-li">
						<text class="pay-type">收益类型</text>
						<text class="pay-type-explan">抽奖收益</text>
					</view>
					<view class="pay-list-li">
						<text class="pay-type">变动前</text>
						<text class="pay-type-explan">{{ payDetaList.ORMTB420CA03 || '' }}元</text>
					</view>
					<view class="pay-list-li">
						<text class="pay-type">变动后</text>
						<text class="pay-type-explan">{{ payDetaList.ORMTB420CA04 || '' }}元</text>
					</view>
					<view class="pay-list-li">
						<text class="pay-type">到账时间</text>
						<text class="pay-type-explan">{{ payDetaList.ORMTB420CA07 || '' }}</text>
					</view>
				</view>
			</view>

			<view class="pay-list" v-else-if="TYPE == 'LXSY'">
				<view>
					<view class="pay-list-li">
						<text class="pay-type">收益类型</text>
						<text class="pay-type-explan">拉新收益</text>
					</view>
					<view class="pay-list-li">
						<text class="pay-type">变动前</text>
						<text class="pay-type-explan">{{ payDetaList.ORMTB420CA03 || '' }}元</text>
					</view>
					<view class="pay-list-li">
						<text class="pay-type">变动后</text>
						<text class="pay-type-explan">{{ payDetaList.ORMTB420CA04 || '' }}元</text>
					</view>
					<view class="pay-list-li">
						<text class="pay-type">到账时间</text>
						<text class="pay-type-explan">{{ payDetaList.ORMTB420CA07 || '' }}</text>
					</view>
				</view>
			</view>

			<view class="pay-list" v-else-if="TYPE == 'BC'">
				<view>
					<view class="pay-list-li">
						<text class="pay-type">操作类型</text>
						<text class="pay-type-explan">取消扣款</text>
					</view>
					<view class="pay-list-li">
						<text class="pay-type">变动前</text>
						<text class="pay-type-explan">{{ payDetaList.ORMTB420CA03 || '' }}元</text>
					</view>
					<view class="pay-list-li">
						<text class="pay-type">变动后</text>
						<text class="pay-type-explan">{{ payDetaList.ORMTB420CA04 || '' }}元</text>
					</view>
					<view class="pay-list-li">
						<text class="pay-type">扣款金额</text>
						<text class="pay-type-explan">{{ payDetaList.ORMTB420CA02 || '' }}元</text>
					</view>
					<view class="pay-list-li">
						<text class="pay-type">扣款时间</text>
						<text class="pay-type-explan">{{ payDetaList.ORMTB420CA07 || '' }}</text>
					</view>
					<view class="pay-list-li">
						<text class="pay-type">扣款原因</text>
						<text class="pay-type-explan">{{ payDetaList.ORMTB420CA08 }}</text>
					</view>
				</view>
			</view>

			<view class="pay-list" v-else-if="TYPE == 'KK'">
				<view>
					<view class="pay-list-li">
						<text class="pay-type">操作类型</text>
						<text class="pay-type-explan">扣款</text>
					</view>
					<view class="pay-list-li">
						<text class="pay-type">变动前</text>
						<text class="pay-type-explan">{{ payDetaList.ORMTB420CA03 || '' }}元</text>
					</view>
					<view class="pay-list-li">
						<text class="pay-type">变动后</text>
						<text class="pay-type-explan">{{ payDetaList.ORMTB420CA04 || '' }}元</text>
					</view>
					<view class="pay-list-li">
						<text class="pay-type">流水号</text>
						<text class="pay-type-explan">{{ payDetaList.ORMTB440CC07 || '' }}</text>
					</view>
					<view class="pay-list-li">
						<text class="pay-type">扣款金额</text>
						<text class="pay-type-explan">{{ payDetaList.ORMTB420CA02 || '' }}元</text>
					</view>
					<view class="pay-list-li">
						<text class="pay-type">优惠券抵扣</text>
						<text class="pay-type-explan">{{ payDetaList.ORMTB420CD00 }}元</text>
					</view>
					<view class="pay-list-li">
						<text class="pay-type">扣款时间</text>
						<text class="pay-type-explan">{{ payDetaList.ORMTB420CA07 || '' }}</text>
					</view>
					<view class="pay-list-li">
						<text class="pay-type">企业</text>
						<text class="pay-type-explan">{{ payDetaList.ORMTB440CA05 || '' }}</text>
					</view>
					<view class="pay-list-li">
						<text class="pay-type">车牌号</text>
						<text class="pay-type-explan">{{ payDetaList.ORMTB440CA01 || '' }}</text>
					</view>
					<view class="pay-list-li">
						<text class="pay-type">物料</text>
						<text class="pay-type-explan">{{ payDetaList.ORMTB440CC02 || '' }}</text>
					</view>
					<view class="pay-list-li">
						<text class="pay-type">物料金额</text>
						<text class="pay-type-explan">{{ payDetaList.ORMTB440CC06 || '' }}元</text>
					</view>

					<view class="pay-list-li">
						<text class="pay-type">结算金额</text>
						<text class="pay-type-explan">{{ payDetaList.ORMTB440CC06 + '元' || '' }}</text>
					</view>
					<view class="pay-list-li">
						<text class="pay-type">结算净重</text>
						<text class="pay-type-explan">{{ payDetaList.ORMTB440CC04 + '吨' || '' }}</text>
					</view>
					<view class="pay-list-li">
						<text class="pay-type">结算毛重</text>
						<text class="pay-type-explan">{{ payDetaList.ORMTB440CC05 + '吨' || '' }}</text>
					</view>
					<view class="pay-list-li">
						<text class="pay-type">备注</text>
						<text class="pay-type-explan">{{ payDetaList.ORMTB420CA08 }}</text>
					</view>
				</view>
			</view>

			<view class="pay-list" v-else-if="TYPE == 'TK'">
				<view>
					<view class="pay-list-li">
						<text class="pay-type">操作类型</text>
						<text class="pay-type-explan">退款</text>
					</view>
					<view class="pay-list-li">
						<text class="pay-type">退款金额</text>
						<text class="pay-type-explan">{{ payDetaList.ORMTB420CA02 || '' }}元</text>
					</view>
					<view class="pay-list-li">
						<text class="pay-type">变动前</text>
						<text class="pay-type-explan">{{ payDetaList.ORMTB420CA03 || '' }}元</text>
					</view>
					<view class="pay-list-li">
						<text class="pay-type">变动后</text>
						<text class="pay-type-explan">{{ payDetaList.ORMTB420CA04 || '' }}元</text>
					</view>
					<view class="pay-list-li">
						<text class="pay-type">退款时间</text>
						<text class="pay-type-explan">{{ payDetaList.ORMTB420CA07 || '' }}</text>
					</view>
					<view class="pay-list-li">
						<text class="pay-type">退款客户</text>
						<text class="pay-type-explan">{{ payDetaList.ORMTB410CA00 || '' }}</text>
					</view>
					<view class="pay-list-li">
						<text class="pay-type">退款说明</text>
						<text class="pay-type-explan">{{ payDetaList.ORMTB420CB01 || '' }}</text>
					</view>
				</view>
			</view>

			<view class="pay-list" v-else-if="TYPE == 'KKXG'">
				<view>
					<view class="pay-list-li">
						<text class="pay-type">操作类型</text>
						<text class="pay-type-explan">补款</text>
					</view>
					<view class="pay-list-li">
						<text class="pay-type">补款金额</text>
						<text class="pay-type-explan">{{ payDetaList.ORMTB420CA02 || '' }}元</text>
					</view>
					<view class="pay-list-li">
						<text class="pay-type">变动前</text>
						<text class="pay-type-explan">{{ payDetaList.ORMTB420CA03 || '' }}元</text>
					</view>
					<view class="pay-list-li">
						<text class="pay-type">变动后</text>
						<text class="pay-type-explan">{{ payDetaList.ORMTB420CA04 || '' }}元</text>
					</view>
					<view class="pay-list-li">
						<text class="pay-type">补款时间</text>
						<text class="pay-type-explan">{{ payDetaList.ORMTB420CA07 || '' }}</text>
					</view>
					<view class="pay-list-li">
						<text class="pay-type">补款客户</text>
						<text class="pay-type-explan">{{ payDetaList.ORMTB410CA00 || '' }}</text>
					</view>
					<view class="pay-list-li">
						<text class="pay-type">补款说明</text>
						<text class="pay-type-explan">{{ payDetaList.ORMTB420CB01 || '' }}</text>
					</view>
				</view>
			</view>
			<view class="pay-list" v-else>
				<view>
					<view class="pay-list-li">
						<text class="pay-type">处理进度</text>
						<view class="pay-type-explan pay-type-jindu">
							<view class="pay-type-box">
								<view class="pay-type-one">1</view>
								<view class="pay-type-line"></view>
								<view class="pay-type-one">2</view>
								<view class="pay-type-line"></view>
								<view class="pay-type-one">3</view>
							</view>
							<view class="pay-type-box pay-type-title">
								<view class="pay-type-title-one pay-type-title-font">发起提现申请</view>
								<view class="pay-type-title-two">
									<view class="pay-type-title-font">平台审核中</view>
									<view style="color: #666;">2021-08-05 13:00:00</view>
								</view>
								<view class="pay-type-title-three">
									<view class="pay-type-title-font">审核成功</view>
									<view style="color: #666;">2021-08-05 13:00:00</view>
								</view>
							</view>
						</view>
					</view>
					<view class="pay-list-li">
						<text class="pay-type">提现账号</text>
						<text class="pay-type-explan">红冲</text>
					</view>
					<view class="pay-list-li">
						<text class="pay-type">收款人</text>
						<text class="pay-type-explan">{{ payDetaList.ORMTB410CA00 || '' }}</text>
					</view>
					<view class="pay-list-li">
						<text class="pay-type">审核人</text>
						<text class="pay-type-explan">{{ payDetaList.ORMTB420CA07 || '' }}</text>
					</view>
					<view class="pay-list-li">
						<text class="pay-type">审核时间</text>
						<text class="pay-type-explan">{{ payDetaList.ORMTB420CC01 || '' }}</text>
					</view>
					<view class="pay-list-li">
						<text class="pay-type">转账凭证</text>
						<image class="pay-list-li-image" :src="getStaticFilePath('/QXY/noData.png')"></image>
					</view>
					<view class="pay-list-li">
						<text class="pay-type">审核备注</text>
						<text class="pay-type-explan">{{ payDetaList.ORMTB420CA08 || '' }}</text>
					</view>
				</view>
			</view>
		</view>
	</view>
</template>

<script>
export default {
	data() {
		return {
			navbarTitle: '',
			payDetaList: [],
			ORMTB420ID: "",
			TYPE: '',

		}
	},
	onLoad(option) {
		this.TYPE = option.TYPE
		this.ORMTB420ID = option.ORMTB420ID
		// console.log(option)
	},
	onShow() {
		this.titleMO()
		this.postData()
	},
	methods: {
		postData() {
			this.payDetaList = [];
			uni.showLoading({
				title: '请求中...',
				mask: true
			});
			uni.request({
				url: this.baseUrl + '/orm/ormtb420/select420ListById',
				method: 'POST',
				dataType: 'json',
				data: {
					ORMTB420ID: this.ORMTB420ID,
					TYPE: this.TYPE
				},
				success: (res) => {
					console.log(res);
					if (res.data.code == 200) {
						this.payDetaList = res.data.data[0];
					} else {
						this.payDetaList = [];
						uni.showToast({
							title: res.data.message,
							duration: 5000,
							icon: 'none',
						});
					}
					uni.hideLoading();
				},
				fail: (res) => {
					uni.hideLoading();
					uni.showToast({
						title: res.data.message,
						duration: 5000,
						icon: 'none',
					});
				}
			});
		},
		titleMO() {
			if (this.TYPE == 'CZ') {
				this.navbarTitle = '充值详情'
			} else if (this.TYPE == 'TX') {
				this.navbarTitle = '提现详情'
			} else if (this.TYPE == 'TK') {
				this.navbarTitle = '退款详情'
			}

			else if (this.TYPE == 'KKXG') {
				this.navbarTitle = '补款详情'
			}
			else if (this.TYPE == 'HC') {
				this.navbarTitle = '红冲详情'
			} else if (this.TYPE == 'KK') {
				this.navbarTitle = '扣款详情'
			}
			else if (this.TYPE == 'SR') {
				this.navbarTitle = '运费详情'
			}
			else if (this.TYPE == 'YDKK') {
				this.navbarTitle = '运费运单扣款详情'
			}
			else if (this.TYPE == 'QX') {
				this.navbarTitle = '运单补偿详情'
			}
			else if (this.TYPE == 'BC') {
				this.navbarTitle = '取消扣款详情'
			}
			else if (this.TYPE == 'YK') {
				this.navbarTitle = '油卡详情'
			}
			else {
				this.navbarTitle = '账单详情'
			}
		},
	}
}
</script>

<style scoped>
/*下面的部分*/

.paymentDetails .payment-explan {
	width: 100%;
	/* margin-top: 176rpx; */

}

.paymentDetails .pay-amount {
	width: 100%;
	height: 115rpx;
	line-height: 118rpx;
	display: flex;
	justify-content: space-between;
	padding: 0 70rpx;
}

.paymentDetails .pay-doll {
	font-size: 36rpx;
	color: rgba(153, 153, 153, 1);
}

.paymentDetails .pay-dell {
	font-size: 44rpx;
	color: rgba(255, 99, 99, 1);
}

.paymentDetails .pay-line {
	height: 2rpx;
	width: 80%;
	background: rgba(234, 234, 234, 1);
	margin: 0 auto;
}

.paymentDetails .pay-list {
	min-height: 360rpx;
	width: 100%;
	height: auto;
	/* font-size: 30rpx; */
}

.paymentDetails .pay-list-li {
	width: 100%;
	/* height: 30rpx; */
	display: flex;
	justify-content: space-between;
	padding: 15rpx 30rpx;
	/* padding: 30rpx 70rpx; */
}

.paymentDetails .pay-type {
	color: rgba(153, 153, 153, 1);
}

.paymentDetails .pay-type-explan {
	color: rgba(102, 102, 102, 1);
}

/*  */
.pay-list-li-image {
	width: 200rpx;
	height: 200rpx;
}

.pay-type-jindu {
	display: flex;
	flex-direction: row;
	align-items: center;
}

.pay-type-box {
	color: #0CAFFF;
}

.pay-type-one {
	width: 50rpx;
	height: 50rpx;
	border-radius: 50%;
	border: 3rpx solid #0CAFFF;
	text-align: center;
	line-height: 50rpx;
}

.pay-type-line {
	width: 5rpx;
	height: 45rpx;
	margin: 0 22.5rpx;
	text-align: center;
	background: #0CAFFF;
}

.pay-type-title {
	height: 240rpx;
}

.pay-type-title-font {
	font-size: 32rpx;
}

.pay-type-title-one {
	padding: 15.5rpx 0 15.5rpx 20rpx;
}

.pay-type-title-two {
	padding: 28.5rpx 0 28.5rpx 20rpx;
}

.pay-type-title-three {
	padding: 5rpx 0 5rpx 20rpx;
}
</style>
